import React, { memo } from 'react';

import { OperationBarWrapper } from './style';

export default memo(function SongOperationBar(props) {
  const { favorTitle, shareTitle, downloadTitle, commentTitle } = props;

  return (
    <OperationBarWrapper>
      <div className="play">
        <div  className="play-icon sprite_button">
          <div className="play sprite_button">
            <i className="sprite_button"></i>
            <span>播放</span>
          </div>
        </div>
        
        <div  className="add-icon sprite_button">+</div>
      </div>
      
      <div  className="item sprite_button">
        <i className="icon favor-icon sprite_button">{favorTitle}</i>
      </div>
      <div  className="item sprite_button">
        <i className="icon share-icon sprite_button">{shareTitle}</i>
      </div>
      <div  className="item sprite_button">
        <i className="icon download-icon sprite_button">{downloadTitle}</i>
      </div>
      <div  className="item sprite_button">
        <i className="icon comment-icon sprite_button">{commentTitle}</i>
      </div>
    </OperationBarWrapper>
  )
})
